<!--
 * @Author: LENOVO\zhangch17 zhangch17@Lenovo.com
 * @Date: 2022-11-21 15:45:39
 * @LastEditors: LENOVO\zhangch17 zhangch17@Lenovo.com
 * @LastEditTime: 2022-11-21 15:48:52
 * @FilePath: \todolist\src\views\board\list.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="item">
        <vuedraggable style="width: 100%; min-height: 330px" v-model="listData.todo" 
          @end="end"  :group="group.todo">
          <div class="one" v-for="(item, index) in listData" :key='index' @click='detail(item)'>
            <el-row>
              <el-col :span='12' class="title ta-r">{{ levelLogo.todo[item.level] }}{{ item.title }}</el-col>
              <el-col :span='12' class="mt5" v-if="item.startDate">🕝{{ item.startDate }}<el-divider direction="vertical"></el-divider>{{item.time}}</el-col>  
            </el-row>
            <el-divider content-position="left">{{item.deadline}}</el-divider>
            <el-row>
              <el-col :span='10'  class="text ta-r">💬:{{ item.describe }}</el-col>
              <el-col :span='8'>
                <el-dropdown>
                  <span class="el-dropdown-link">
                    👁‍🗨操作<i class="el-icon-arrow-down el-icon--right"></i>
                  </span>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="deleteIt(item, index)">删除</el-dropdown-item>
                    <el-dropdown-item @click.native="update(item, index)">修改</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </el-col>
            </el-row>
          </div>
        </vuedraggable>
      </div>
</template>

<script>
export default {
  data(){
    return{

    }
  }
}
</script>

<style>

</style>